﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SignUp.ascx.cs" Inherits="UserControl_SignUp" %>
<script type="text/javascript">
    $("#form1").rules('add',
        {
            '<%=txtConfirmEmail.ClientID %>': { equalTo: '#<%=txtEmail.ClientID %>' },
            '<%=txtConfirmPassword.ClientID %>': {equalTo: '#<%=txtPassword.ClientID %>'}
        }
    );
</script>
<asp:MultiView ID="MultiView1" runat="server">
    <asp:View ID="View1" runat="server">
        <table>
            <tr>
                <td>
                    Username</td>
                <td>
                    <asp:TextBox ID="txtUsername" runat="server" CssClass="required" MaxLength="20" 
                        minlength="5"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Password</td>
                <td>
                    <asp:TextBox ID="txtPassword" runat="server" CssClass="required" minlength="5" 
                        TextMode="Password"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Confirm password</td>
                <td>
                    <asp:TextBox ID="txtConfirmPassword" runat="server" CssClass="required" 
                        minlength="5" TextMode="Password"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Email</td>
                <td>
                    <asp:TextBox ID="txtEmail" runat="server" CssClass="required email"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Confirm email</td>
                <td>
                    <asp:TextBox ID="txtConfirmEmail" runat="server" CssClass="required email"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    First name</td>
                <td>
                    <asp:TextBox ID="txtFname" runat="server" CssClass="required"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Last name</td>
                <td>
                    <asp:TextBox ID="txtLname" runat="server" CssClass="required"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Sex</td>
                <td>
                    <asp:DropDownList ID="ddlSex" runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    Birth day</td>
                <td>
                    <asp:Calendar ID="Calendar1" runat="server" BackColor="#FFFFCC" 
                        BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest" 
                        Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px" 
                        ShowGridLines="True" Width="220px">
                        <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
                        <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
                        <OtherMonthDayStyle ForeColor="#CC9966" />
                        <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
                        <SelectorStyle BackColor="#FFCC66" />
                        <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" 
                            ForeColor="#FFFFCC" />
                        <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
                    </asp:Calendar>
                </td>
            </tr>
            <tr>
                <td>
                    Phone</td>
                <td>
                    <asp:TextBox ID="txtPhone" runat="server" CssClass="required" MaxLength="30" 
                        minlength="9"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Address</td>
                <td>
                    <asp:TextBox ID="txtAddress" runat="server" CssClass="required" MaxLength="500"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    Captcha
                </td>
                <td>
                    <asp:Panel ID="pnCaptchar" runat="server" BackColor="#f1f1f1">
                        <asp:Literal ID="ltrCaptcha" runat="server"></asp:Literal>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td>
                    Confirm captcha</td>
                <td>
                    <asp:TextBox ID="txtConfirmCaptcha" runat="server" CssClass="required"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <asp:Literal ID="ltrmsg" runat="server"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:LinkButton ID="lbtnSubmit" runat="server" onclick="lbtnSubmit_Click" 
                        Text="Submit"></asp:LinkButton>
                </td>
                <td>
                    <a href="Default.aspx">Back home page</a>
                </td>
            </tr>
        </table>
    </asp:View>
    <asp:View ID="View2" runat="server">
        <h2>Welcome to ABC Corp!</h2>
        Register successfully!
        Click <a href="Product.aspx">here</a> to login!
    </asp:View>
</asp:MultiView>
